<!--
 * @Author: wjc
 * @Date: 2025-06-18 09:09:53
 * @LastEditors: wjc
 * @LastEditTime: 2025-09-19 10:26:36
 * @Description: 
-->
<template>
  <div class="text-md flex-center">
    <!-- ICP Link -->
    <a
      v-if="icp"
      :href="icpLink || 'javascript:void(0)'"
      class="hover:text-primary-hover mx-1"
      target="_blank"
    >
      {{ icp }}
    </a>

    <!-- Copyright Text -->
    Copyright © {{ date }}

    <!-- Company Link -->
    <a
      v-if="companyName"
      :href="companySiteLink || 'javascript:void(0)'"
      class="hover:text-primary-hover mx-1"
      target="_blank"
    >
      {{ companyName }}
    </a>
  </div>
</template>

<script lang="ts" setup>
  interface Props {
    companyName?: string
    companySiteLink?: string
    date?: string
    icp?: string
    icpLink?: string
  }

  defineOptions({
    name: 'LayoutCopyright',
  })

  withDefaults(defineProps<Props>(), {
    companyName: 'Nice Admin',
    companySiteLink: '',
    date: '2025',
    icp: '',
    icpLink: '',
  })
</script>
